<!DOCTYPE html>
<html lang="en">
<head>
<title>Home</title>
<!-- for-mobile-apps -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
		function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- //for-mobile-apps -->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/font-awesome.css" rel="stylesheet" type="text/css" media="all" />
<link rel="stylesheet" href="css/chocolat.css" type="text/css" media="screen"><!-- chocolate css for gallery light box-->
<!-- animation -->
<link href="css/animate.css" rel="stylesheet" type="text/css" media="all">
<!-- //animation --> 
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/bootstrap.js"></script>
<script type="text/javascript">
	jQuery(document).ready(function($) {
		$(".scroll").click(function(event){		
			event.preventDefault();
			$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
		});
	});
</script>
<!-- onlinefonts -->
<link href="http://fonts.googleapis.com/css?family=Dancing+Script:400,700" rel="stylesheet">
<link href="http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:200,300,400,700" rel="stylesheet">
<!-- //onlinefonts -->
</head>
<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top"> 
		<!-- header -->
		<div class="header-w3layouts"> 
			<!-- Navigation -->
			<nav class="navbar navbar-default navbar-fixed-top">
				<div class="container">
					<div class="navbar-header page-scroll">
						<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
							<span class="sr-only">简历</span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
						</button>
						<h1><a class="navbar-brand" href="index.html">简历</a></h1>
					</div> 
					<!-- Collect the nav links, forms, and other content for toggling -->
					<div class="collapse navbar-collapse navbar-ex1-collapse">
						<ul class="nav navbar-nav navbar-right">
							<!-- Hidden li included to remove active class from about link when scrolled up past about section -->
							<li class="hidden"><a class="page-scroll" href="#page-top"></a></li>
							<li><a class="page-scroll scroll active" href="#home">个人主页</a></li>
							<li><a class="page-scroll scroll" href="#about">个人资料</a></li>
							<li><a class="page-scroll scroll" href="#port">作品集</a></li>
							<li><a class="page-scroll scroll" href="#edu">荣誉证书</a></li>
							<li><a class="page-scroll scroll" href="#exp">我的经历</a></li>
							<li><a class="page-scroll scroll" href="#contact">坐标</a></li>
						</ul>
					</div>
					<!-- /.navbar-collapse -->
				</div>
				<!-- /.container -->
			</nav>  
		</div>	
		<!-- //header -->
		<div class="header jarallax" id="home">
			<div class="container">
				<div class="banner-text text-center">
					<h2>刘少宇</h2>
					<h3> - 钱端攻城狮 - </h3>
					<p>这是一条最单纯的路，我们更多的是花费精力在技术的钻研上，而不是办公室政治等其它琐事。</p>
					<div class="w3l-button banner-btn">
						<a href="个人简历.zip" download="个人简历.zip">下载简历</a>
					</div>
				</div>	
				<div class="w3-arrow bounce animated">
				<a href="#about" class="scroll"><i class="fa fa-angle-down" aria-hidden="true"></i></a>
			</div>
			</div>
			
		</div>
		
	<div class="about" id="about">
		<div class="container">	
				<h3 class="w3l-heading">个人资料</h3>
			<div class="col-md-6 w3-about-top">
				<img src="images/timg.png" class="img-responsive" alt="about-img"/>
			</div>
			<div class="col-md-6 w3l-about">
					<div class="w3ls-heading">
						<h2>幸会  Web工程师</h2>
					</div>
					<div class="w3ls-about-info">
						<p>作为一名职场新人，一定能够以积极主动的工作态度来迎接工作中的每一个挑战;<br>
						配合团队能力:善于沟通有一定团队协作与管理经验，具备活动策划和组织协调能力；<br>
						工作态度评价:良好的责任感，吃苦耐劳，善于管理时间，勇于面对变化和挑战;<br>
						自主学习能力:习惯制定切实可行计划，能积极主动学习岗位所需知识技能。</p>
					</div>
					<div class="w3l-button">
						<a href="#" data-toggle="modal" data-target="#myModal">查看我的个人资料</a>
					</div>
			</div>	
			<div class="clearfix"></div>
		</div>
		
	</div>
	<!-- modal -->
	<div class="modal about-modal fade" id="myModal" tabindex="-1" role="dialog">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<div class="modal-header"> 
					<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>						
						<h4 class="modal-title">个人资料</h4>
				</div> 
				<div class="modal-body">
					<div class="about"> 
						<div class="col-md-4 col-sm-4  col-xs-4 about-left ">
							<img src="images/3.jpg" class="img-responsive" alt=""/>
						</div>
						<div class="col-md-8 col-sm-8 col-xs-8 about-right wthree">
							<h3>你好 我是<span>刘少宇</span></h3>
							<h4>Web 设计师 & 开发者 </h4>
							<ul class="address">
								<li>
									<ul class="agileits-address-text ">
										<li><b>学历</b></li>
										<li>专科</li>
									</ul>
								</li>
								<li>
									<ul class="agileits-address-text">
										<li><b>电话</b></li>
										<li>+15531050102</li>
									</ul>
								</li>
								<li>
									<ul class="agileits-address-text">
										<li><b>坐标 </b></li>
										<li>河北省 邯郸市</li>
									</ul>
								</li>
								<li>
									<ul class="agileits-address-text">
										<li><b>邮箱 </b></li>
										<li><a href="857324938@qq.com">857324938@qq.com</a></li>
									</ul>
								</li>
								<li>
									<ul class="agileits-address-text">
										<li><b>博客 </b></li>
										<li><a href="http://lsy0102.gitee.io/gerenboke/">http://lsy0102.gitee.io/gerenboke/</a></li>
									</ul>
								</li>
							</ul> 
						</div> 
						<div class="clearfix"> </div>
				</div>
			</div>
		</div>
	</div>
	</div>
	<!-- //modal -->
	<!-- Portfolio -->
       <div class="portfolio" id="port">
		       <div class="port-head">
							<h3 class="w3l-heading">个人作品</h3>
						</div>
            <ul class="simplefilter">
                <li class="active" data-filter="all">All</li>
                <li data-filter="1">作品1</li>
                <li data-filter="2">作品2</li>
                <li data-filter="3">作品3</li>
            </ul>
     
            <div class="filtr-container">
                <div class="  filtr-item gallery-t" data-category="1, 3" data-sort="Busy streets">
				 <a href="images/b.jpg" class="b-link-stripe b-animate-go  thickbox">
	
					<figure class="w3ls-gallery">
					 <img src="images/b.jpg" class="img-responsive" alt=" " />	<figcaption class="w3layouts-caption">
							<h3>my designs</h3>
							
						</figcaption>
					</figure>
				</a>
                </div>
				<div class=" filtr-item" data-category="1, 3" data-sort="City wonders">
                    <a href="images/d.jpg" class="b-link-stripe b-animate-go  thickbox">

					<figure class="w3ls-gallery">
					 <img src="images/d.jpg" class="img-responsive" alt=" " />	<figcaption class="w3layouts-caption">
							<h3>my designs</h3>
						
						</figcaption>
					</figure>
				</a>

                </div>
				<div class=" filtr-item" data-category="2" data-sort="Luminous night">
                   <a href="images/c.jpg" class="b-link-stripe b-animate-go  thickbox">

					<figure class="w3ls-gallery">
					 <img src="images/c.jpg" class="img-responsive" alt=" " />	<figcaption class="w3layouts-caption">
							<h3>my designs</h3>
							
						</figcaption>
					</figure>
				</a>
                </div>
                <div class="  filtr-item gallery-t" data-category="1, 3" data-sort="Busy streets">
				 <a href="images/a.jpg" class="b-link-stripe b-animate-go  thickbox">
	
					<figure class="w3ls-gallery">
					 <img src="images/a.jpg" class="img-responsive" alt=" " />	<figcaption class="w3layouts-caption">
							<h3>my designs</h3>
							
						</figcaption>
					</figure>
				</a>
                </div>
                <div class="  filtr-item" data-category="3" data-sort="In production">
                   <a href="images/e.jpg" class="b-link-stripe b-animate-go  thickbox">

					<figure class="w3ls-gallery">
					 <img src="images/e.jpg" class="img-responsive" alt=" " />	<figcaption class="w3layouts-caption">
							<h3>my designs</h3>
							
						</figcaption>
					</figure>
				</a>

                </div>
                <div class=" filtr-item" data-category="3, 2" data-sort="Industrial site">
                  <a href="images/g.jpg" class="b-link-stripe b-animate-go  thickbox">

					<figure class="w3ls-gallery">
					 <img src="images/g.jpg" class="img-responsive" alt=" " />	<figcaption class="w3layouts-caption">
							<h3>my designs</h3>
							
						</figcaption>
					</figure>
				</a>
                </div>
                <div class=" filtr-item" data-category="2, 3" data-sort="Peaceful lake">
                    <a href="images/f.jpg" class="b-link-stripe b-animate-go  thickbox">

					<figure class="w3ls-gallery">
					 <img src="images/f.jpg" class="img-responsive" alt=" " />	<figcaption class="w3layouts-caption">
							<h3>my designs</h3>
							
						</figcaption>
					</figure>
					</a>
                </div>
                 <div class="  filtr-item gallery-t" data-category="1, 3" data-sort="Busy streets">
				 <a href="images/k.jpg" class="b-link-stripe b-animate-go  thickbox">
	
					<figure class="w3ls-gallery">
					 <img src="images/k.jpg" class="img-responsive" alt=" " />	<figcaption class="w3layouts-caption">
							<h3>my designs</h3>
							
						</figcaption>
					</figure>
				</a>
                </div>
               <div class="clearfix"> </div>
	        </div>
		 </div>
<!-- //Portfolio -->
<!--Education-->
	<div id="edu" class="agile-edu">
		<div class="container">	
				<h3 class="w3l-heading">荣誉证书</h3>
			<div class="work-info"> 
				<div class="col-md-6 col-sm-6 col-xs-6 work-right work-right2"> 
				</div>
				<div class="col-md-6  col-sm-6 col-xs-6  work-left work-left2"> 
					<div class="col-md-6  col-sm-6 col-xs-6  work1">
						<h4>2018年 12月</h4>
						<p>普通话不标准的我，通过自己努力读书，练习最终获得普通话二甲资格证，我非常的荣幸！</p></div>
					<div class="col-md-6  col-sm-6 col-xs-6  work2">
						<h5>语言类</h5>
						<span></span>
					</div>
				</div>
			</div>
			<div class="work-info"> 
				<div class="col-md-6  col-sm-6 col-xs-6"> 
				</div>
				<div class="col-md-6  col-sm-6 col-xs-6  work-right"> 
					<div class="col-md-6  col-sm-6 col-xs-6 work2">
						<span></span>
						<h5>活动类</h5>
					</div>	
					<div class="col-md-6  col-sm-6 col-xs-6  work-right1">
						<h4>2019年 6月</h4>
						<p>积极参加学校各种活动，学校双选会，迎新生大会等志愿者，为学校贡献一份自己的力量。</p>
					</div>
				</div>
				<div class="clearfix"> </div>
			</div>
			<div class="work-sec-2">
			<div class="work-info"> 
				<div class="col-md-6  col-sm-6 col-xs-6  work-right work-right2"> 
				</div>
				<div class="col-md-6  col-sm-6 col-xs-6  work-left work-left2 "> 
					<div class="col-md-6 col-sm-6 col-xs-6  work1">
						<h4>2019年 9月</h4>
						<p>在学校中竞选军训教官，采取淘汰制，训练1年期间坚持服从上级命，最终拖拔萃而出被学校聘请为2019级新生军训教官一职。颁发优秀教官证书</p></div>
					<div class="col-md-6  col-sm-6 col-xs-6  work2">
						<h5>意义类</h5>
						<span></span>
					</div>
				</div>
			</div>
			<div class="work-info"> 
				<div class="col-md-6  col-sm-6 col-xs-6 "> 
				</div>
				<div class="col-md-6  col-sm-6 col-xs-6  work-right"> 
					<div class="col-md-6  col-sm-6 col-xs-6  work2">
						<span></span>
						<h5>班级类</h5>
					</div>	
					<div class="col-md-6 col-sm-6 col-xs-6  work-right1">
						<h4>2019年 11月</h4>
						<p>在班级认真学习，被评为班级唯一证书学习进步奖，后又竞选获得国家助学金。</p> </div>
				</div>
				<div class="clearfix"> </div>
			</div>
			<span class="edu-circle"></span>
			</div>
		</div>
	</div>
<!--//Education-->
<div class="agile-border">
	<span></span>
</div>
<!-- work-experience-->
	<div id="exp" class="agile-edu exp">
		<div class="container">	
				<h3 class="w3l-heading">我的经历</h3>
			<div class="work-info"> 
				<div class="col-md-6  col-sm-6 col-xs-6  work-right work-right2"> 
				</div>
				<div class="col-md-6  col-sm-6 col-xs-6  work-left work-left2"> 
					<div class="col-md-6  col-sm-6 col-xs-6  work1">
						<h4>2018年 9月</h4>
						<p>入驻泊头职业学院盛邦升华计算机系，我抱着刻苦钻研的态度开始了钱端攻城狮之路。</p></div>
					<div class="col-md-6  col-sm-6 col-xs-6 work2">
						<h5>泊头师范</h5>
						<span></span>
					</div>
				</div>
			</div>
			<div class="work-info"> 
				<div class="col-md-6  col-sm-6 col-xs-6 "> 
				</div>
				<div class="col-md-6  col-sm-6 col-xs-6 work-right"> 
					<div class="col-md-6 col-sm-6 col-xs-6 work2">
						<span></span>
						<h5>泊头师范</h5>
					</div>	
					<div class="col-md-6  col-sm-6 col-xs-6 work-right1">
						<h4>2019 2月</h4>
						<p>期间学习lHTML5/CSS/ps等，自己独立制作静态网页，会用PSD抠一些图。</p>
					</div>
				</div>
				<div class="clearfix"> </div>
			</div>
			<div class="work-2">
			<div class="work-info"> 
				<div class="col-md-6  col-sm-6 col-xs-6 work-right work-right2"> 
				</div>
				<div class="col-md-6  col-sm-6 col-xs-6  work-left work-left2 "> 
					<div class="col-md-6  col-sm-6 col-xs-6 work1">
						<h4>2019 7月</h4>
						<p>学习了 ES6/JavaScript/ajax,具有一定的自己思路，代码规范，有一定的个人想法。</p></div>
					<div class="col-md-6  col-sm-6 col-xs-6  work2">
						<h5> 泊头 师范</h5>
						<span></span>
					</div>
				</div>
			</div>
			<div class="work-info"> 
				<div class="col-md-6  col-sm-6 col-xs-6 "> 
				</div>
				<div class="col-md-6  col-sm-6 col-xs-6 work-right"> 
					<div class="col-md-6  col-sm-6 col-xs-6 work2">
						<span></span>
						<h5>泊头师范</h5>
					</div>	
					<div class="col-md-6  col-sm-6 col-xs-6 work-right1">
						<h4>2019 11月</h4>
						<p>学习了bootstrap/Vue.js/MVVM模块化开发/参与项目，负责Web网页设计与开发和实现。</p> </div>
				</div>
				<div class="clearfix"> </div>
			</div>
			<span class="edu-circle"></span>
		</div>
	</div>
</div>
<!--//work-experience-->
<!-- contact -->
<div id="contact" class="w3_agileits-contact">
		<div class="container">	
				<h3 class="w3l-heading">坐标</h3>
				<iframe src="x.html" width="1200" height="550" frameborder="0" scrolling="no"></iframe>
				<div class="w3_agile-contact  jarallax text-center">
					<h4>or</h4>
					<a href="http://lsy0102.gitee.io/gerenboke/">http://lsy0102.gitee.io/gerenboke/</a>
					<h5>+155 3105 0102</h5>
					<ul class="social-icons-w3_agile">
						<li><a href="#" class="fa fa-facebook icon icon-border facebook"> </a></li>
						<li><a href="#" class="fa fa-twitter icon icon-border twitter"> </a></li>
						<li><a href="#" class="fa fa-google-plus icon icon-border googleplus"> </a></li>
					</ul>
				</div>
		</div>	
</div>	
<!-- footer -->
<div class="agileits_w3layouts-footer text-center">
	<div class="container">
		<p>欢迎你 <br>
			© Solo | 京ICP备17044739号<a href="" title="" target="_blank"></a></p>
	</div>
</div>	
<!-- //footer -->	
<!-- //contact -->
<!-- PopUp-Box-JavaScript -->
		<script src="js/jquery.chocolat.js"></script>
		<script type="text/javascript">
			$(function() {
				$('.filtr-item a').Chocolat();
			});
		</script>
	<!-- //PopUp-Box-JavaScript -->	
	<!-- fliter-JavaScript -->
		<script src="js/jquery.filterizr.js"></script>
		<script src="js/controls.js"></script>
		<script type="text/javascript">
			$(function() {
				$('.filtr-container').filterizr();
			});
		</script>
	<!-- //fliter-JavaScript -->
<script src="js/jarallax.js"></script>
<script src="js/SmoothScroll.min.js"></script>
<script type="text/javascript">
	/* init Jarallax */
	$('.jarallax').jarallax({
		speed: 0.5,
		imgWidth: 1366,
		imgHeight: 768
	})
</script>
<!-- start-smoth-scrolling -->
	<script type="text/javascript" src="js/easing.js"></script>
<!-- //here ends scrolling icon -->
	

</body>
</html>